<script setup>
import { ElContainer, ElAside, ElHeader, ElMain } from "element-plus"
import myFloor from "./com/floor.vue"
import headerTab from "./com/headerTab.vue"
import showCanvas from "@/components/showCanvas.vue"
</script>

<template>
  <el-container>
    <el-aside width="200px">
      <myFloor />
    </el-aside>
    <el-container>
      <el-header height="50px">
        <headerTab />
      </el-header>
      <el-main>
        <showCanvas />
      </el-main>
    </el-container>
  </el-container>
</template>

<style scoped lang="scss">
.el-container,
.el-aside {
  height: 100vh;
}
.el-header,
.el-aside {
  background: #545c64;
}
.el-main {
  position: relative;
  height: 100%;
}
</style>
